<!DOCTYPE HTML>
<html>
<!--_meta 作为公共模版分离出去-->
{include file="common/_meta"}
<!--/meta 作为公共模版分离出去-->

<body>
<!--_header 作为公共模版分离出去-->
{include file="common/_header"}
<!--/_header 作为公共模版分离出去-->
<!--_menu 作为公共模版分离出去-->
{include file="common/_menu"}
<!--/_menu 作为公共模版分离出去-->

<section class="Hui-article-box">
	<!--_nav 作为公共模版分离出去-->
{include file="common/_nav"}
<!--/_nav 作为公共模版分离出去-->
	<div class="Hui-article">
		<article class="cl pd-20">
            <div class="cl pd-5 bg-1 bk-gray"> <span class="l"> 
                <a href="javascript:;" onclick="del_all()" class="btn btn-danger radius"><i class="Hui-iconfont">&#xe6e2;</i> 批量删除</a> 
                <a class="btn btn-primary radius" href="add"><i class="Hui-iconfont">&#xe600;</i> 添加管理组</a> </span> 
                <!-- <span class="r">共有数据：<strong>54</strong> 条</span>  -->
            </div>
			<div class="mt-10">
			<table class="table table-border table-bordered table-hover table-bg">
				<thead>
					<tr class="text-c">
						<th width="25"><input type="checkbox" value="" name="allcheck"></th>
						<th width="40">ID</th>
						<th width="200">管理员类别名称</th>
						<th width=25%>权限列表</th>
						<th width=25%>用户列表</th>
						<th >描述</th>
						<th width="70">操作</th>
					</tr>
				</thead>
				<tbody>
                    {foreach $data as $value}
					<tr class="text-c" id="tr_{$value.id}">
						<td><input type="checkbox" value="{$value.id}" name="checkbox[]"></td>
						<td>{$value.id}</td>
						<td>{$value.role_name}</td>
						<td>{$value.per_ids}</td>
						<td class="user">{$value.typelist}</td>
						<td>{$value.note}</td>
						<td class="f-14">
							{eq name="value.id" value="0"}
							<a title="编辑" href="javascript:;" onclick="alert('无法编辑')" style="text-decoration:none"><i class="Hui-iconfont">&#xe6df;</i></a>
							<a title="删除" href="javascript:;" onclick="alert('无法删除')" class="ml-5" style="text-decoration:none"><i class="Hui-iconfont">&#xe6e2;</i></a>
							{else/}	
							<a title="编辑" href="{:url('edit','id='.$value.id)}"  style="text-decoration:none"><i class="Hui-iconfont">&#xe6df;</i></a>
							<a title="删除" href="javascript:;" onclick="admin_role_del(this,{$value.id})" class="ml-5" style="text-decoration:none"><i class="Hui-iconfont">&#xe6e2;</i></a>
							{/eq}
						</td>
                    </tr>
                    {/foreach}
				</tbody>
			</table>
			</div>
		</article>
	</div>
</section>

<!--_footer 作为公共模版分离出去-->
{include file="common/_footer" /}
<!--/_footer 作为公共模版分离出去-->

<!--请在下方写此页面业务相关的脚本--> 
<script type="text/javascript">
/*管理员组删除*/
function admin_role_del(obj,id){
	var user = $("#tr_"+id).children('.user').html();
	// console.log(user.length);return false;
	if(user.length>0){
		layer.msg("用户组不为空，不可删除",{icon:5,time:1000});
		return false;
	}
	$.ajax({
		type:"POST",
		url:"{:url('del')}",
		data:{'id':id},
		dataType:"json",
        success:function(data){
			if(data.status==1){
				$("#tr_"+id).remove();

				layer.msg("删除成功",{icon:1,time:1000});
				return false;
			}else{
				layer.msg("删除失败",{icon:5,time:1000});
				return false;
			}
        }
	})
}

/*管理员组批量删除*/
function del_all(){

	var checkbox = $('.text-c input[name="checkbox[]"]') ;
    var ids = new Array();
    checkbox.each(function(x){
	// console.log(this);===>	<input type="" value="" name="" id="" >	
		if(this.checked){
			var user = $("#tr_"+this.value).children('.user').html();
			if(user.length>0){
				layer.msg("用户组不为空，不可删除",{icon:5,time:1000});
				return false;
			}
			ids.push(this.value);
		}
    })
    console.log(ids);

	$.ajax({
		type:"POST",
		url:"{:url('del')}",
		data:{'id':ids},
		dataType:"json",
        success:function(data){
			if(data.status==1){
				checkbox.each(function(x){
                    if(this.checked){
                        $(this).parents("tr").remove();
                    }
                })
				layer.msg("删除成功",{icon:1,time:1000});
				return false;
			}else{
				layer.msg("删除失败",{icon:5,time:1000});
				return false;
			}
        }
	})
}
</script>
<!--请在上方写此页面业务相关的脚本--> 



</body>
</html>